<!DOCTYPE HTML>
<html>
	<head>
		<link rel="stylesheet" type="text/css" href="css/goOutService.css" />
		<link rel="stylesheet" type="text/css" href="css/commonUse.css" />

		<meta charset="utf-8" />
		<meta content="yes" name="apple-mobile-web-app-capable" />
		<meta content="yes" name="apple-touch-fullscreen" />
		<meta content="telephone=no,email=no" name="format-detection" />
		<meta content="maximum-dpr=2" name="flexible" />
		<!--<script src="lib-flexible/index.min.js"></script> -->
		<script src="lib-flexible/index.js"></script>

		<script src="js/commonUse.js"></script>
		

		<meta name="viewport"
			content="width=device-width, initial-scale=1, maximum-scale=1, minimum-scale=1, user-scalable=no">
		<title>帮邦行-出行服务</title>
	</head>

	<body>
		<!-- 导航栏开始 -->
		<div id="leftColor" onclick="hiddenSidebar()"></div>

		<div id="sidebar">
			<img src="./img/navigate_Img/帮邦行LOGO.横ai%20Copy%202.png">
			<img onclick="hiddenSidebar()" class="back" src="./img/navigate_Img/+.png">
			<ul>
				<li onclick="navToGoOutService()"><a>出行服务</a><img
						src="./img/navigate_Img/Rectangle%2015%20Copy%202.png"></li>
				<li onclick="navToOverCityService()"><a>跨城闪送</a><img
						src="./img/navigate_Img/Rectangle%2015%20Copy%202.png"></li>
				<li onclick="navToJoinUs()"><a>加盟入驻</a><img src="./img/navigate_Img/Rectangle%2015%20Copy%202.png"></li>
				<li onclick="navToNewsCenter()"><a>新闻资讯</a><img src="./img/navigate_Img/Rectangle%2015%20Copy%202.png">
				</li>
				<li onclick="navToCompanyIntroduce()"><a>公司介绍</a><img
						src="./img/navigate_Img/Rectangle%2015%20Copy%202.png"></li>
				<li onclick="navToDriverAdd()"><a>司机加盟</a><img src="./img/navigate_Img/Rectangle%2015%20Copy%202.png">
				</li>
				<li onclick="navToCommonQuestions()"><a>常见问题</a><img
						src="./img/navigate_Img/Rectangle%2015%20Copy%202.png"></li>
			</ul>
			<input class="backToIndex" type="button" name="Submit" value="回到首页" onclick="navToIndex()" />
		</div>

		<div class="navigate">

			<table border="0" cellspacing="0" cellpadding="0">
				<tr>

					<td style="width: 20%;">
						<img class="nav_Img1" src="img/index_Img/帮邦行logo.png" />
					</td>

					<td style=" width: 60%;">
						<div class="nav_Text">
							&ensp;城市 乡村 去哪都行
						</div>
					</td>

					<td>
						<img onclick="showSidebar()" class="nav_Img2" src="img/index_Img/Group Copy.png" />
					</td>

				</tr>
			</table>

		</div>
		<!-- 导航栏结束 -->

		<!-- 出行服务文字开始 -->
		<div class="topArea">
			<div class="text1">
				全国入驻300多个城市
			</div>
			<div class="text2">
				开通2000多条线路
			</div>
			<!-- 出行服务按钮开始 -->
			<div class="btn">
				<input class="useIt" readonly="readonly" type="text" value="立即体验" onclick="" />
			</div>
			<!-- 出行服务按钮结束 -->
			<img src="img/goOutService_Img/宣传挂画2.png">
		</div>

		<div class="textArea">
			<div class="tA_text1">
				24小时门对门接送
			</div>
			<div class="tA_text2">
				“帮邦行”集拼车、包车、城际小件物流等多项业务于一体的一站式网络预约出行服务平台,为用户提供安全、省心省时的门对门接送服务,用户可通过电话、APP、微信公众号、小程序等多种方式预约，随时下单、便捷出行。
			</div>
		</div>
		<!-- 出行服务文字结束 -->

		<!-- 出行服务图片区域开始 -->
		<div class="flex_text">
			<div class="box">
				<div class="box_text1">
					城际出行
				</div>
				<div class="box_text2">
					专线服务 免除周转
				</div>
			</div>
			<div class="box">
				<div class="box_text1">
					城内约车
				</div>
				<div class="box_text2">
					明码标价 透明消费
				</div>
			</div>
			<div class="box">
				<div class="box_text1">
					接送机 接送站
				</div>
				<div class="box_text2">
					贴心服务 快速到达
				</div>
			</div>
			<div class="box">
				<div class="box_text1">
					公务出行
				</div>
				<div class="box_text2">
					高效管理 费用可控
				</div>
			</div>
		</div>
		<div class="pic_Area">
			<img src="img/goOutService_Img/Group%204.png">
			<img src="img/goOutService_Img/Group%205.png">
			<img src="img/goOutService_Img/Group%206.png">
			<img src="img/goOutService_Img/Group%207.png">
		</div>

		<!-- 出行服务图片区域结束 -->

		<!-- 出行轮播图区域开始 -->
		<div class="swiperArea">
			<!-- 出行轮播图区域头部开始 -->
			<div class="title">
				<div class="swiperTitle1">
					优质出行服务
				</div>
				<div class="swiperTitle2">
					您的出行我们来负责
				</div>
			</div>
			<!-- 出行轮播图区域头部结束 -->

			<!-- 轮播图开始 -->
			<div class="swiperImg">

				<ul class="images" id="images">
					<li class="img"></li>
					<li class="img"></li>
					<li class="img"></li>
					<li class="img"></li>
				</ul>

			</div>
			<!-- 轮播图结束 -->
			
			<!-- 文字开始 -->
			<div class="swiperText">
				<div class="text1">
					随时预约 自由出行
				</div>
				<div class="text2">
					7*24小时，全天候预约模式，上门接送服务，风雨无阻，让您尽享自在出行方式
				</div>
			</div>
			<!-- 文字结束 -->
			
			<!-- 变化按钮开始 -->
			<div class="changeButtom">
				
			    <ul class="min-images">
			    	<li class="min"></li>
		      		<li class="min"></li>
	 	    		<li class="min"></li>
	    			<li class="min"></li>
		     	</ul>
				
			</div>
			
			

		</div>
		<!-- 出行轮播图区域结束
 -->

		<!-- 链接模块开始 -->
		<div class="outLink">

			<div class="LinkFx">

				<div class="LinkFx1">

					<div class="up">
						<img src="img/index_Img/xiaochengxu.png">
						<span class="box_border1"> 小程序</span>
					</div>

					<div class="down">
						<img src="img/index_Img/weixin.png">
						<span class="box_border1"> 官方微信</span>
					</div>

				</div>

				<div class="LinkFx2">
					<div>全国统一服务热线</div>
					<div>95170</div>
					<div>服务时间：24小时在线服务</div>
				</div>

			</div>

		</div>
		<!-- 链接模块结束 -->

		<!-- 备案模块开始 -->
		<div class="buttomArea">
			Copyright © 2014-2015备案号闽ICP5000255号
		</div>
		<!-- 备案模块结束 -->
	</body>
	<script src="js/goOutService.js" type="text/javascript"></script>
</html>
